* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a {
  text-decoration: none;
}
html,
body {
  background-color: transparent !important;
}

.drag {
  -webkit-app-region: drag;
  -webkit-user-select: none;
}
.no-drag {
  -webkit-app-region: no-drag;
}

.flex {
  display: flex;
}
.flex1 {
  flex: 1;
  flex-direction: column;
}
.flex-direction {
  flex-direction: column;
}
.text-ov2 {
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

$paimary: #ec4141;
$header-height: 55px;

// 定义主轴对齐方式
$flex-justify: (
  start: flex-start,
  end: flex-end,
  center: center,
  between: space-between,
  around: space-around,
);
// 定义侧轴对齐方式
$flex-align: (
  start: flex-start,
  end: flex-end,
  center: center,
  stretch: stretch // 侧轴等高,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
);
// 定义padding-size
$padding-size: (0, 5, 10, 15, 20, 40);
// 定义padding 方向
$padding-origin: (
  l: left,
  r: right,
  t: top,
  b: bottom,
);
// 定义margin-size
$margin-size: (0, 5, 10, 15, 20, 40);
// 定义margin 方向
$margin-origin: (
  l: left,
  r: right,
  t: top,
  b: bottom,
);
$text-align: (left, center, right);
@each $align in $text-align {
  .text-#{$align} {
    text-align: $align;
  }
}

// 主轴对齐工具类
@each $jc-key, $jc-value in $flex-justify {
  .justify-#{$jc-key} {
    justify-content: $jc-value;
  }
}
// 侧轴对齐
@each $al-key, $al-value in $flex-align {
  .align-#{$al-key} {
    align-items: $al-value;
  }
}

@each $p-key, $p-val in $padding-origin {
  @each $p-size in $padding-size {
    .p-#{$p-key}-#{$p-size} {
      padding-#{$p-val}: $p-size + px;
    }
  }
}
@each $padding in $padding-size {
  .p-#{$padding} {
    padding: $padding + px;
  }
}
@each $m-key, $m-val in $margin-origin {
  @each $m-size in $margin-size {
    .m-#{$m-key}-#{$m-size} {
      margin-#{$m-val}: $m-size + px;
    }
  }
}
@each $margin in $margin-size {
  .m-#{$margin} {
    margin: $margin + px;
  }
}
